<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body class="index">
		<main class="main">
			<!-- 头像 -->
			<div class="profile-p" id="head">
				<div class="dpflex">
					<img class="picture" src="#"></img>
					<span id="name">用户名</span>
				</div>
				<p>个性签名: <span id="tag"> ***************</span></p>
			</div>
			<!-- 数据 -->
			<div class="mydata">
				<div class="mydata-sport">
					<div>
						<span class="iconfont icon-shuju"></span> <span>运动数据</span>
					</div>

					<a href="#">></a>
				</div>

				<div class="sport-data">
					<div class="sport">
						<p>总运动</p>
						<div class="sport-num"><span id="num1">1010</span>分钟</div>
					</div>
					<div class="sport">
						<p>本周消耗</p>
						<div class="sport-num"><span id="num2">5250</span>千卡</div>
					</div>
				</div>
			</div>
			<!-- 徽章 -->
			<div class="mydata">
				<div class="mydata-sport">
					<div>
						<span class="iconfont icon-shuju"></span> <span>我的运动徽章</span>
					</div>
					<a href="#">></a>
				</div>
				<div class="badge">
					<div class="sport-badge"></div>
					<div class="sport-badge"></div>
					<div class="sport-badge"></div>
				</div>
			</div>
			<!-- 退出 -->
			<p class="leave"><a href="../login.html">退出登录</a></p>
		</main>

		<nav class="index-fix"></nav>
	</body>
</html>
